.bideliRecord{
  .list_left{
    h3{
      padding: 18px 20px;
      .back{
        float: right;
        color: $btn-lightBlue-color;
        font-size: 12px;
      }
    }
    ul{
      li{
        padding-left: 23px;
        height: 40px;
        line-height: 40px;
        color: $unimportant-font-color1;
        &.activeLi{
          color: $white-color;
          background: $btn-bg-color;
          i{
            color: $white-color;
          }
        }
        i{
          margin-right: 18px;
          color: $gray-icon-color;
        }
      }
    }
  }
  .right_data{
    padding: 28px 20px;
    .myInvestment, .incomeBreakdown{
      .tab{
        height: 42px;
        line-height: 42px;
        .tabSpan{
          margin-right: 32px;
          padding: 0 8px;
          &.tabActive{
            position: relative;
            &::after{
              position: absolute;
              left: 50%;
              bottom: -8px;
              content: '';
              transform: translateX(-50%);
              width: 30px;
              height: 3px;
              background: $div-border-bottom;
            }
          }
        }
        .selection{
          margin-right: 10px;
          float: right;
          .date, .selectSymbol, .totalEarnings{
            float:right;
          }
          .date{
            position: relative;
            margin-right: 20px;
            .iconSpan{
              position: absolute;
              right: 10px;
              top: 2px;
              margin-right: 0;
              font-size: 16px;
            }
            .vdp-datepicker{
              display: inline-block;
              input{
                height: 42px;
                text-indent: 10px;
              }
            }
            .vdp-datepicker__calendar{
              width: 200px;
              top: 43px;
              border-color: $border-blue-color;
              header{
                .prev {
                  &::after{
                    border-right: 10px solid $btn-lightBlue-color;
                  }
                }
                .next {
                  &::after{
                    border-left: 10px solid $btn-lightBlue-color;
                  }
                }
              }
              .cell:not(.blank):not(.disabled).month:hover{
                border: none;
                background: $blue-font-hover;
              }
              .cell.selected{
                background: $blue-font-hover;
                color: $white-color;
              }
            }
          }
          .totalEarnings{
            margin-right: 20px;
          }
        }
      }
      .table{
        margin-top: 12px;
        .ingTable, .historicalInvestment_table, .incomeBreakdown_table{
          tbody{
            .title_tr{
              height: 40px;
              line-height: 40px;
              color: $explain-font-color;
            }
            .data_tr{
              height: 50px;
              line-height: 50px;
              &:hover{
                background: $list-hover-background;
              }
            }
            .subbgColor{
              background: $subheade-background-color;
            }
            .time{
              width: 155px;
              padding-left: 24px;
            }
            .name{
              width: 180px;
            }
            .cycle{
              width: 100px;
            }
            .amount{
              width: 150px;
            }
            .status{
              width: 110px;
            }
            .yesToday_income, .total_income{
              width: 150px;
            }
            .yesToday_income_data, .total_income_data,  .obvious{
              color: $pro-price-color;
            }
            .operate{
              text-align: center;
            }
            .operate_detail{
              color: $btn-lightBlue-color;
            }
          }
        }
      }
    }
    .incomeBreakdown{
      .table{
        .incomeBreakdown_table{
          tbody{
            .title, .name, .amount, .income{
              width: 25%;
            }
          }
        }
      }
    }
  }
}

